  <template>
    <div class="app-container home">
      <el-row :gutter="20">
        <el-col :span="10">
          <ArrearsPage></ArrearsPage>
          <PaymentPage></PaymentPage>
          <DosagePage></DosagePage>
        </el-col>
        <el-col :span="14">
          <EquipmentPage></EquipmentPage>
          <CustomerPage></CustomerPage>
          <WorkOrderPage></WorkOrderPage>
          <MeterPage></MeterPage>
          <RegisterPage></RegisterPage>
        </el-col>
      </el-row>
      
      
    </div>
</template>

<script>
import ArrearsPage from '../views/dashboardView/arrears.vue'
import WorkOrderPage from '../views/dashboardView/workOrder.vue'
import MeterPage from '../views/dashboardView/meter.vue'
import EquipmentPage from '../views/dashboardView/equipment.vue'
import CustomerPage from '../views/dashboardView/customer.vue'
import PaymentPage from '../views/dashboardView/payment.vue'
import DosagePage from '../views/dashboardView/dosage.vue'
import RegisterPage from '../views/dashboardView/register.vue'
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.6.3",
    };
  },
  components:{
    ArrearsPage,
    WorkOrderPage,
    MeterPage,
    EquipmentPage,
    CustomerPage,
    PaymentPage,
    DosagePage,
    RegisterPage
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
  },
};
</script>

<style scoped lang="scss">

</style>

